<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body class="dpflex fdcolumn">
    <main class="flex1 mt16">
        <!-- 头部区域 -->
        <header class="plr16">
            <a href="./person.html" class="dpflex headerbox" >
                <img id="headImg"  alt="#">
                <span class="user" id="userName">11111111</span>
                <i class="iconfont icon-houtui"></i>
            </a>
            <input type="file" class="dpnone" id="uploadFiles">
            <p class="mt8">个性签名 <span id="sign">这个人是条懒狗</span></p>

        </header>
        <p class="bgc"></p>
        <!-- 个人动态 -->
        <div class="dynamic plr16 dpflex">
            <p> <span class="mr5 iconfont icon-gerendongtai-xinxi"></span>个人动态</p>
            <p>
                <span class="information">0条</span>
                <i class="iconfont icon-houtui"></i>
            </p>
        </div>
        <p class="bgc"></p>
        <!-- 运动数据 -->
        <div class="sport-data plr16">
            <div class="dpflex sportone">
                <p><span class="mr5 iconfont icon-shuju"></span>运动数据</p>
                <span class="iconfont icon-houtui"></span>
            </div>
            <div class="dpflex sporttwo">
                <div class="flex1 allsport dpflex fdcolumn">
                    <p>总运动</p>
                    <div><span>141</span>分钟</div>
                </div>
                <div class="flex1 consume dpflex fdcolumn">
                    <p>本周消耗</p>
                    <div><span>231.46</span>千卡</div>
                </div>
            </div>
        </div>
        <p class="bgc"></p>
        <!-- 徽章 -->
        <div class="badge dpflex plr16">
            <p><span class=" mr5 iconfont icon-huizhang"></span>运动徽章</p>
            <span class="iconfont icon-houtui"></span>
        </div>
        <p class="bgc"></p>

        <div class="quit dpflex">
            <span>退出登录</span>
        </div>
       

    </main>

    <footer>

    </footer>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

</body>

</html>